<!-- Content Wrapper. Contains page content -->
    <div class="content-wrapper">
        <!-- Content Header (Page header) -->
        <section class="content-header">
            <h1>
                主页
                <small>欢迎使用公务车管理系统
                </small>
            </h1>
            <ol class="breadcrumb">
                <li><a href="#"><i class="fa fa-gears"></i> 主页</a></li>
            </ol>
        </section>

        <!-- Main content -->
        <section class="content">
            <div class="row">
                <div class="col-md-12">
                    <div class="box box-solid">
                        <div class="box-header with-border">
                          <h3 class="box-title">公务车管理系统</h3>
                        </div>
                        <!-- /.box-header -->
                        <div class="box-body">
                          <div class="box-group" id="accordion">
                            <!-- we are adding the .panel class so bootstrap.js collapse plugin detects it -->
                            <div class="panel box box-primary">
                              <div class="box-header with-border">
                                <h4 class="box-title">
                                  <a data-toggle="collapse" data-parent="#accordion" href="#collapseOne">
                                    便捷的用车体验
                                  </a>
                                </h4>
                              </div>
                              <div id="collapseOne" class="panel-collapse collapse in">
                                <div class="box-body">
                                    在线申请审批，实现无纸化办公，将用车流程规范化、标准化，便于对车辆的使用进行统计分析。
                                </div>
                              </div>
                            </div>
                            <div class="panel box box-danger">
                              <div class="box-header with-border">
                                <h4 class="box-title">
                                  <a data-toggle="collapse" data-parent="#accordion" href="#collapseTwo">
                                    完善的车辆管理系统
                                  </a>
                                </h4>
                              </div>
                              <div id="collapseTwo" class="panel-collapse collapse">
                                <div class="box-body">
                                  成本精细控制，对汽车的状态信息采集，对状态、里程和油耗进行监管，防止公车私用、谎报费用，违规驾驶等情况。通过对每次用车的里程数据自动采集形成用车费用，作为部门用主结算的准确依据。
                                </div>
                              </div>
                            </div>
                            <div class="panel box box-success">
                              <div class="box-header with-border">
                                <h4 class="box-title">
                                  <a data-toggle="collapse" data-parent="#accordion" href="#collapseThree">
                                    透明完整的用车报表
                                  </a>
                                </h4>
                              </div>
                              <div id="collapseThree" class="panel-collapse collapse">
                                <div class="box-body">
                                    提供决策依据--对汽车的里程、油耗、时间、速度、维修等各种大量数据进行科学统计报表，车辆的使用情况等，为更高水平的公车管理决策提供强有力的依据。
                                </div>
                              </div>
                            </div>
                          </div>
                        </div>
                        <!-- /.box-body -->
                    </div>
                    <!-- /.box -->
                </div>
                <!-- /.col -->
            </div>
            <!-- /.row -->
        </section>
        <!-- /.content -->
    </div>
    <!-- /.content-wrapper -->

